<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body> 
    <button onclick="back()">后退</button>
    <script>
        // history
        function back(){
            history.back();
        }

        // location
        var hash = location.hash;
        document.write(hash.slice(1));

        // //'?title=hello&time=2021/10/21'
        // // var obj = {title:'hello',time:'2021'}
        // var search = location.search.slice(1);
        // var obj = {};
        // var arr = search.split('&');
        // arr.forEach(function(item){
        //     var a = item.split('=');
        //     obj[ a[0] ] = a[1];
        // });
        // console.log(obj);
        // document.write('<h1>'+obj.title + '</h1>');
        // document.write('<p>'+obj.time + '</p>');
        console.log(location.search);
  
        //封装函数（正确） 传入形式参数
        function searchObj(search){
            var newSearch = search.slice(1);
            var obj = {};
            var arr = newSearch.split('&');
            arr.forEach(function(item){
                var a = item.split('=');
                obj[ a[0] ] = a[1]; //添加对象属性
            });
            return obj;
        }

        var obj = searchObj(location.search);
        console.log(obj);
        document.write('<h1>'+ obj.title + '</h1>');
        document.write('<p>'+ obj.time + '</p>');

    // //封装函数（错误）   不能用this或that是参数 用法错误 this是指调用对象
        // function searchObj(){
        //     var search = that.slice(1);
        //     var obj = {};
        //     var arr = search.split('&');
        //     arr.forEach(function(item){
        //         var a = item.split('=');
        //         obj[ a[0] ] = a[1];
        //     });
        //     return obj;
        // }
    </script>
</body>
</html>